<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <META HTTP-EQUIV="pragma" CONTENT="no-cache">
    <META HTTP-EQUIV="Cache-Control" CONTENT="no-cache, must-revalidate">
    <META HTTP-EQUIV="expires" CONTENT="0">
    <link rel="stylesheet" href="__PUBLIC__/css/public.css">
    <script type="text/javascript" src="__PUBLIC__/js/jquery.min.js"></script>
    <script type="text/javascript" src="__PUBLIC__/js/jquery.SuperSlide.js"></script>
    <script type="text/javascript" src="__PUBLIC__/js/d3.min.js"></script>
    <script type="text/javascript" src="__PUBLIC__/js/common.js"></script>
    <style type="text/css">
    #container {
        width: 100%;
        margin: 10 auto;
        padding-top: 5px;
        padding-left: 10px;
        text-align: center;
    }
    
    #month_text {
        width: 50%;
        margin: 0 auto;
        text-align: center;
        position: relative;
    }
    </style>
    <title>上行详细列表</title>
    <script type="text/javascript">
    $(function() {
        var servcode = '{$servcode}';
        var date = '{$date}';
        var tag = '{$tag}';


        $.ajax({
            cache: true,
            type: "POST",
            url: "{:U('province/statByProvince')}",
            data: {
                'servcode': servcode,
                'date': date,
                'tag':tag
            }, // 你的formid
            async: false,
            error: function(request) {
                alert("Connection error");
            },
            success: function(data) {

                fighting.drawRect(data,"container");
            }
        });

        $.ajax({
            cache: true,
            type: "POST",
            url: "{:U('province/statMonthByProvince')}",
            data: {
                'servcode': servcode,
                'date': date,
                'tag':tag
            }, // 你的formid
            async: false,
            error: function(request) {
                alert("Connection error");
            },
            success: function(data) {

                fighting.drawMonthText(data);
            }
        });
        // fighting.drawRect("{$data1}");
    })
    </script>
</head>

<body>
    <div id="container" class="container"></div>
    <div id="month_text" class="month_text"></div>
    <table class="table table-bordered table-hover definewidth m10">
        <caption>详情</caption>
        <thead>
            <tr>
                <th>ID</th>
                <th>手机号</th>
                <th>指令</th>
                <th>省份</th>
                <th>城市</th>
                <th>时间</th>
            </tr>
        </thead>
        <tbody>
            <foreach name="data" item="vo">
                <tr>
                    <td>{$vo.id}</td>
                    <td> {$vo.mophone}</td>
                    <td> {$vo.mocontent}</td>
                    <td> {$vo.dcprivence}</td>
                    <td> {$vo.dccity}</td>
                    <td> {$vo.create_time}</td>
                </tr>
            </foreach>
        </tbody>
    </table>
    {$page}
</body>

</html>
